<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>商品</title>
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/store_manage/detail_page_home.css" />
	</head>

	<body>
		<section class="container">

			<header class="topbar">
				<div class="left">
					<a class="iconfont icon-arrowleft" href="index_store.html"></a>
					<!--<a class="iconfont icon-cuowu" href=""></a>-->
					<a href="" class="active">商品</a>
					<a href="detail_shop.html">详情</a>
					<a href="detail_estimate.html">评价</a>
				</div>
				<!--<div class="title">Infoscape</div>-->
				<div class="right">
					<a data-ent="publicity" href="">推广</a>
				</div>
			</header>

			<section class="main">
				<div class="picture_sub clearfix">
					<span class="fl">infoscape</span>
					<div class="search fr">
						<a href=""><i class="iconfont icon-sou"></i><span>搜索</span></a>
						<a href=""><i class="iconfont icon-jilu"></i><span>购物记录</span></a>
					</div>
				</div>

				<div class="message">
					<div id="carousel">
						<ul>
							<li>
								<img src="../../images/store_manage/detail_swisse.png" />
								<span id="last"><em>1</em>/4</span>
							</li>
						</ul>
					</div>

					<div class="intro">
						<ul>
							<li class="clearfix">
								<p class="fl"><em>澳洲</em>Swisse护肝片奶蓟草解酒片护肝宝改善脂肪肝保健品<em>120</em>粒/瓶</p>
								<i class="iconfont icon-arrowright fr"></i>
								<div class="clear"></div>
								<span><i class="iconfont icon-renminbi"></i><em>299.00</em></span>
							</li>

							<li class="clearfix">
								<span class="fl">规格</span>
								<span class="fl">包装清单</span>

								<span class="fr">
							<i class="iconfont icon-arrowright"></i>
						</span>
							</li>

							<li class="clearfix">
								<span class="fl">剩余</span>
								<span class="fl">2901</span>
							</li>

							<li class="clearfix">
								<span class="fl">运费</span>
								<span class="fl"><i class="iconfont icon-renminbi"></i><em>0.00</em>~<i class="iconfont icon-renminbi"></i><em>25.00</em></span>
							</li>
						</ul>
					</div>
				</div>

				<div class="serve">
					<div class="top clearfix">
						<a class="clearfix" href="">
							<div class="img fl">
								<img src="../../images/store_manage/set.jpg" />
							</div>

							<div class="centre fl">
								<p>Infoscape</p>
								<span>汇聚全球100%海外正品</span>
							</div>

							<div class="right fr">
								<i class="iconfont icon-arrowright"></i>
							</div>
						</a>
					</div>

					<div class="middle">
						<ul class="clearfix">
							<li><span>1790</span><span>全部商品</span></li>
							<li><span>119.5万</span><span>热销商品</span></li>
							<li>
								<span>企业认证<i class="iconfont icon-fuxuankuangxuanzhong"></i></span><span>担保交易<i class="iconfont icon-fuxuankuangxuanzhong"></i></span></li>
						</ul>
					</div>

					<div class="below clearfix">
						<a href=""><input type="button" class="btn white fl" value="联系卖家" /></a>
						<a href=""><input type="button" class="btn white fr" value="进店逛逛" /></a>
					</div>
				</div>

				<div class="store">
					<div class="guess">
						<strong>猜你喜欢</strong>
					</div>

					<div id="guess_wrap">
						<ul>
							<li>
								<a href="">
									<span><img src="../../images/store_manage/detail_rossi.jpg"/></span>
									<strong><em>法国</em>玫瑰精纯露<em>500</em>ml</strong>
									<div class="purchase clearfix">
										<p class="fl"><i class="iconfont icon-renminbi"></i><em>299.00</em></p>
										<span class="iconfont icon-gouwuche fr"></span>
									</div>
								</a>
							</li>

							<li>
								<a href="">
									<span><img src="../../images/store_manage/detail_rossi.jpg"/></span>
									<strong><em>法国</em>玫瑰精纯露<em>500</em>ml</strong>
									<div class="purchase clearfix">
										<p class="fl"><i class="iconfont icon-renminbi"></i><em>299.00</em></p>
										<span class="iconfont icon-gouwuche fr"></span>
									</div>
								</a>
							</li>

							<li>
								<a href="">
									<span><img src="../../images/store_manage/detail_rossi.jpg"/></span>
									<strong><em>法国</em>玫瑰精纯露<em>500</em>ml</strong>
									<div class="purchase clearfix">
										<p class="fl"><i class="iconfont icon-renminbi"></i><em>299.00</em></p>
										<span class="iconfont icon-gouwuche fr"></span>
									</div>
								</a>
							</li>

							<li>
								<a href="">
									<span><img src="../../images/store_manage/detail_rossi.jpg"/></span>
									<strong><em>法国</em>玫瑰精纯露<em>500</em>ml</strong>
									<div class="purchase clearfix">
										<p class="fl"><i class="iconfont icon-renminbi"></i><em>299.00</em></p>
										<span class="iconfont icon-gouwuche fr"></span>
									</div>
								</a>
							</li>

							<li>
								<a href="">
									<span><img src="../../images/store_manage/detail_rossi.jpg"/></span>
									<strong><em>法国</em>玫瑰精纯露<em>500</em>ml</strong>
									<div class="purchase clearfix">
										<p class="fl"><i class="iconfont icon-renminbi"></i><em>299.00</em></p>
										<span class="iconfont icon-gouwuche fr"></span>
									</div>
								</a>
							</li>

							<li>
								<a href="">
									<span><img src="../../images/store_manage/detail_rossi.jpg"/></span>
									<strong><em>法国</em>玫瑰精纯露<em>500</em>ml</strong>
									<div class="purchase clearfix">
										<p class="fl"><i class="iconfont icon-renminbi"></i><em>299.00</em></p>
										<span class="iconfont icon-gouwuche fr"></span>
									</div>
								</a>
							</li>
						</ul>

						<div class="guess_line_v guess_line_v_1"></div>
						<div class="guess_line_v guess_line_v_2"></div>
						<div class="guess_line_h guess_line_h_1"></div>
						<div class="guess_line_h guess_line_h_2"></div>
						<div class="guess_line_h guess_line_h_3"></div>
					</div>

					<ul id="button" class="clearfix">
						<li index="1" class="link"></li>
						<li index="2"></li>
						<li index="3"></li>
						<li index="4"></li>
					</ul>

				</div>

				<div class="youbei">

					<div class="logo">
						<didv class="left">
							<img src="../../images/store_manage/logo_03.jpg" />
						</didv>

						<div class="right">
							<span>优呗</span>
							<span>youbei.com</span>
						</div>

					</div>
					<div class="below">
						<p>优呗提供技术支持</p>
					</div>
				</div>

				<div class="pull_up">
					<p><i class="iconfont icon-arrowup"></i>上拉查看图文详情</p>
				</div>
				
				<div class="pull_top">
					<span><i class="iconfont icon-fanhuidingbu"></i></span>
					<span>TOP</span>
				</div>
			</section>

			<nav class="btmbar">
				<a class="item" href="">
					<i class="iconfont icon-icon052"></i>
					<p>卖家</p>
				</a>
				<a class="item" href="">
					<i class="iconfont icon-gouwuche">
						<em>9</em>
					</i>
					<p>购物车</p>
				</a>
				<div class="input">
					<input type="button" id="shopping" class="btn" value="立即购物" />
					<input type="button" id="shop_car" class="btn" value="加入购物车" />
				</div>

			</nav>
		</section>

		<section class="layer">
			<div id="publicity" class="dialog">
				<div class="icon_list">
					<a class="item" href="">
						<i class="iconfont icon-weixin"></i>
						<p>微信好友</p>
					</a>
					<a class="item" href="">
						<i class="iconfont icon-pengyouquan"></i>
						<p>微信朋友圈</p>
					</a>
					<a class="item" href="">
						<i class="iconfont icon-weibo"></i>
						<p>新浪微博</p>
					</a>
					<a class="item" href="">
						<i class="iconfont icon-QQ"></i>
						<p>QQ好友</p>
					</a>
					<a class="item" href="">
						<i class="iconfont icon-qqkongjian"></i>
						<p>QQ空间</p>
					</a>
					<a class="item" href="">
						<i class="iconfont icon-shouji"></i>
						<p>手机联系人</p>
					</a>
					<a class="item" href="">
						<i class="iconfont icon-liuyan1"></i>
						<p>老客户</p>
					</a>
					<a class="item" href="">
						<i class="iconfont icon-erweima"></i>
						<p>二维码</p>
					</a>
					<a class="item" href="">
						<i class="iconfont icon-fuzhilianjie"></i>
						<p>复制链接</p>
					</a>
				</div>
				<a class="cancel" data-action="close" href="">取消</a>
			</div>

			<div id="layer_add_goods" class="dialog">
				<div class="icon_list">
					<a class="item" href="">
						<i class="iconfont icon-shichang"></i>
						<p>市场选货</p>
					</a>
				</div>
				<a class="cancel" data-action="close" href="">取消</a>
			</div>
		</section>

		<script src="../../js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/layer.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var clientY = 0,
				body = document.querySelector('body'),
				main = document.querySelector('.main');

			body.addEventListener('touchstart', function(e) {
				clientY = e.changedTouches["0"].clientY;
			});

			body.addEventListener('touchmove', function(e) {

				if(main.contains(e.target)) {
					if(main.scrollTop == 0 && e.changedTouches["0"].clientY > clientY) {
						e.preventDefault();
					} else if(main.scrollHeight - main.scrollTop == main.clientHeight && e.changedTouches["0"].clientY < clientY) {
						e.preventDefault();
					}
				} else {
					e.preventDefault();
				}
			});
		</script>
		<script src="../../js/top.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>